.user-wrapper {
    max-width: 750px;
    min-width: 320px;
    margin: 0 auto;
}
.headerpt {
    padding-top: 0.5rem;
    .user-header {
        max-width: 750px;
        min-width: 320px;
        background-image: url("../img/top_hd.png");
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 999;
        margin: 0 auto;
        h1 {
            height: 0.5rem;
            line-height: 0.5rem;
        }
        .header-right,
        .user-right {
            position: absolute;
            right: 0;
            top: 0;
            min-width: 0.4rem;
            height: 0.5rem;
            line-height: 0.5rem;
            font-size: 0.16rem;
            color: #fff;
            display: -webkit-box;
            -webkit-box-pack: center;
            -webkit-box-align: center;
            .email {
                position: relative;
                display: block;
                width: 0.22rem;
                height: 0.16rem;
                background: url("../img/global.png") no-repeat;
                background-size: 1rem 1rem;
            }
        }
        .set-up {
            color: #fff;
            margin-left: -43px;
        }
    }
}
.account-wrap {
    .accout-top-con {
        position: relative;
        background: url("../img/top_hd.png") no-repeat;
        background-size: 100% 16rem;
        .account-info {
            padding: 0.2rem 0.15rem 0.4rem;
            .justify {
                display: -webkit-box;
                -webkit-box-pack: justify;
                -webkit-box-align: center;
                a {
                    display: block;
                    color: #fff;
                    font-size: 0.14rem;
                }
                .amount {
                    .i-limit {
                        display: inline-block;
                        width: 13px;
                        height: 15px;
                        margin-right: 5px;
                        background: url("../img/global.png") 0 -85px no-repeat;
                        background-size: 100px 100px;
                        vertical-align: text-bottom;
                    }
                }
                .amount:after {
                    content: ' ';
                    display: inline-block;
                    width: 0.08rem;
                    height: 0.08rem;
                    border-top: 1px solid #fff;
                    border-right: 1px solid #fff;
                    margin-left: 0.05rem;
                    -webkit-transform: rotate(45deg);
                }
            }
        }
        .my-item {
            background: rgba(255,255,255,.2);
        }
    }
    .my-item {
        position: relative;
        background: #fff;
        .item-bd {
            display: -webkit-box;
            -webkit-box-align: center;
            -webkit-box-pack: center;
            li {
                flex: 1;
                -webkit-box-flex: 1;
                a {
                    display: block;
                    font-size: 0.12rem;
                    text-align: center;
                    padding: 0.1rem 0;
                    .info-num {
                        //                      color: #3B9BFF;
                        margin-bottom: 0.04rem;
                    }
                }
            }
        }
        .item-hd {
            position: relative;
            margin-top: 0.15rem;
            li {
                position: relative;
                a {
                    display: block;
                    color: #929292;
                    font-size: 0.14rem;
                    padding: 0 0.15rem;
                    position: relative;
                    height: 0.5rem;
                    line-height: 0.5rem;
                    .i-account-bill {
                        display: inline-block;
                        width: 0.2rem;
                        height: 0.2rem;
                        margin-right: 0.1rem;
                        position: relative;
                        top: 0.05rem;
                        background: url("../img/i_bill.png") no-repeat;
                        background-size: 100%;
                    }
                    strong {
                        font-size: 0.16rem;
                        color: #191919;
                        font-weight: 400;
                    }
                    .note {
                        position: absolute;
                        right: 0.3rem;
                        top: 0.02rem;
                    }
                }
            }
            li a:after {
                content: ' ';
                position: absolute;
                right: 0.15rem;
                top: 50%;
                display: inline-block;
                width: 0.08rem;
                height: 0.08rem;
                margin-top: -.03rem;
                border-top: 1px solid #b9b9b9;
                border-right: 1px solid #b9b9b9;
                -webkit-transform: rotate(45deg);
            }
        }
    }
    .i-account-favor {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url("../img/i_cart.png") no-repeat;
        background-size: 100%;
        right: 0.1rem;
        top: 0.05rem;
        position: relative;
    }
    .bill-box {
        position: relative;
        li {
            a {
                .info-num {
                    font-size: 0.17rem;
                }
            }
        }
    }
    .i-order-check,
    .i-order-evaluate,
    .i-order-notpaid,
    .i-order-receive {
        display: block;
        margin: 0 auto 4px;
        width: 20px;
        height: 18px;
        background: url("../img/order_state.png") no-repeat;
        background-size: 20px auto;
    }
    .i-order-notpaid {
        background-position: 0 -56px;
    }
}
.fx1 {
    -webkit-flex: 1;
    -webkit-box-flex: 1;
}
.banner-list {
    margin-top: 0.15rem;
}
.hot {
    padding-bottom:1.8rem;
    h3 {
        color: #191919;
        font-size: 16px;
        padding: 15px 15px 7px;
        font-style: normal;
        font-weight: 400;
        
    }
    .part-ul {
        overflow: hidden;
        float: left;
        position: relative;
        li {
            position: relative;
            float: left;
            width: 33.3%;
            box-sizing: border-box;
            a {
                display: block;
                text-align: center;
                padding: 0.1rem 0.05rem;
                .like-pic {
                    width: 1rem;
                    height: 1rem;
                    margin: 0 auto;
                    display: -webkit-box;
                    -webkit-box-align: center;
                    img {
                        max-height: 100%;
                        background: 0 0;
                    }
                }
                h4 {
                    
                    color: #666;
                    width: 100%;
                    margin: 0.1rem 0 0;
                    font-size: 0.16rem;
                    font-weight: 400;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    font-style: normal;
                }
                .part-price {
                    background: #fe4979;
                    color: #fff;
                    font-size: .1rem;
                    white-space: nowrap;
                }
            }
        }
    }
}
.imgauto {
    display: block;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
}